.ui-page { -webkit-backface-visibility: hidden; }

body, html {
	margin: 0;
	padding: 0;
	font-family: arial;
	background: #ffb60f;
}

.ui-body-c, .ui-page {background: #ffb60f !important; text-shadow: none !important;}
.ui-page-active {position: relative !important;}

a {-ms-touch-action: none;}

.header {
	width: 100%;
	border-bottom: 3px #ff9b0a solid !important;
}

.header img {
	width: 100%;
	display: block;
}

.menu {
	width: 100%;
	height: 35px;
	background-color: #000000;
	line-height: 35px;
	font-size: 0.7em;
	color: #ffffff;
	text-align: center;
	text-shadow: 0px 0px 0px #000 !important;
}

.menu_line{
	border-left: 1px #ffffff solid;
}

.middle{
	width: 100%;
	display: block;
	min-height: 100px;
	background-color: #ffb60f;
}

#tabsy > div{
	margin-top: 0 !important;
	margin-bottom: 2px !important;
}

.middle_container{
	width: 320px;
	min-height: 100px;
	margin: 0 auto;
}

.title{
	width: 100%;
	text-align: left;
	font-size: 1.2em;
	margin-top: 10px;
	padding-left: 20px;
	text-shadow: 0px 0px 0px #000 !important;
}

.subtitle{
	width: 100%;
	text-align: left;
	font-size: 0.8em;
	margin-top: 5px;
	padding-left: 20px;
	text-shadow: 0px 0px 0px #000 !important;
}

.select_cont{
	width: 280px;
   height: 35px;
   overflow: hidden;
   background: url('../images/arrow.png') no-repeat right #000;
   margin-left: 20px;
   margin-top: 3px;
}

.select_cont select{
	background: transparent !important;
   width: 305px;
   padding: 5px;
   font-size: 16px;
   line-height: 35px;
   border: 0;
   border-radius: 0;
   height: 35px;
   color: #ffffff;
   -webkit-appearance: none;
   padding-top: 0px;
}

.input_cont{
	width: 280px;
   height: 35px;
   overflow: hidden;
   background-color: #000;
   margin-left: 20px;
   margin-top: 3px;
}

.input_cont input{
	background: transparent !important;
   width: 305px;
   padding: 5px;
   font-size: 16px;
   line-height: 35px;
   border: 0;
   border-radius: 0;
   height: 35px;
   color: #ffffff;
   -webkit-appearance: none;
   padding-top: 0px;
}

.ui-page { 
	background: #ffb60f; 
	min-height: 480px;
}

.search_button{
	width: 120px;
	height: 40px;
	color: #ffffff;
	background-color: #000000;
	float: left;
	line-height: 40px;
	margin-left: 20px;
	margin-top: 10px;
	text-shadow: 0px 0px 0px #000 !important;
}

.search_txt{
	height: 40px;
	width: 135px;
	float: left;
	padding-left: 55px;
	margin-left: 20px;
	background: url('../images/lupa.png') no-repeat left;
	margin-top: 20px;
	text-shadow: 0px 0px 0px #000 !important;
	text-align: left;
}

.book{
	width: 73px;
	height: 80px;
	float: right;
	display: block;
	background: url('../images/book.png');
	margin-right: 20px;
}

.tab{
	font-family: 'Open Sans', Arial;
	border-bottom: 3px #ff9b0a solid;
	width: 100%;
	height: 50px;
	cursor: pointer;
	text-shadow: 0px 0px 0px #000 !important;
	background: #231f20; /* Old browsers */
	background: -moz-linear-gradient(top, #231f20 0%, #171314 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#231f20), color-stop(100%,#171314)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #231f20 0%,#171314 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #231f20 0%,#171314 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #231f20 0%,#171314 100%); /* IE10+ */
	background: linear-gradient(#231f20 0%,#171314 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#231f20', endColorstr='#171314',GradientType=0 ); /* IE6-9 */
}

.tab_grey{
	width: 100%;
	height: 50px;
	cursor: pointer;
	text-shadow: 0px 0px 0px #000 !important;
	background: #595253; /* Old browsers */
	background: -moz-linear-gradient(top, #595253 0%, #363231 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#595253), color-stop(100%,#363231)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #595253 0%,#363231 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #595253 0%,#363231 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #595253 0%,#363231 100%); /* IE10+ */
	background: linear-gradient(to bottom, #595253 0%,#363231 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#595253', endColorstr='#363231',GradientType=0 );
	border-bottom: 3px #ff9b0a solid;
	font-family: 'Open Sans', Arial;
}

.subtab{
	position: relative;
}

.select_container select{
	width: 100%;
	height: 33px;
	line-height: 33px;
	background: transparent !important;
	border: none;
	margin-right: -35px;
	text-indent: 20px;
	-webkit-appearance: none;
	font-family: 'Open Sans', Arial;
	appearance: none;
}

.select_container{
	width: 100%;
	height: 33px;
	border-right: 35px #ffb60f solid;
	overflow: hidden;
	background: url('../images/arrd.png') 98% 50% no-repeat;
}

.engine_data_line{

}

.engine_icon{
	
}

.tab_name{
	float: left;
	line-height: 50px;
	padding-left: 20px;
	color: #ffffff;
}

.tab_arrow{
	float: right;
	height: 15px;
	padding-right: 20px;
	color: #ff9b0a;
	margin-top: 17px;
	margin-bottom: 18px;
	background: url('../images/arr.png') no-repeat left;
	width: 10px;
}

.expanded{
	background: none;
}

.backed{
	background: url('../images/arrb.png') no-repeat left !important;
}

.content{
	width: 100%;
	text-shadow: 0px 0px 0px #000 !important;
	margin-bottom: 10px;
	margin-top: 5px;
}

.content_txt{
	text-align: left;
	padding: 5px 10px;
	display: block;
	line-height: 1.3em;
}

.square_line{
	width: 320px;
	margin: 0 auto;
	min-height: 100px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.square_txt{
	text-shadow: 0px 0px 0px #000 !important;
	color: #000;
	font-size: 0.8em;
	text-align: center;
	font-family: 'Open Sans', Arial;
	padding: 3px 0px;
	line-height: 1.3em;
}

.square_container{
	width: 160px;
	min-height: 100px;
	cursor: pointer;
}

.square_images{
	width: 100%;
	height: 66px;
	margin: 0 auto;
}

.europe{
	background: url('../images/europe.png') no-repeat center;
}

.america{
	background: url('../images/america.png') no-repeat center;
}

.osobowe{
	background: url('../images/osobowe.png') no-repeat center;
}

.ciezarowe{
	background: url('../images/ciezarowe.png') no-repeat center;
}

.pozostale{
	background: url('../images/pozostale.png') no-repeat center;
}

.zamienniki{
	background: url('../images/zamienniki.png') no-repeat center;
}

.wymiary{
	background: url('../images/wymiary.png') no-repeat center;
}

.lpg{
	background: url('../images/lpg.png') no-repeat center;
}


.square_right{
	float: right;
}


.square_left{
	float: left;
}

.display_none{
	display: none !important;
} 

.tab_name_black{
	color: #000000 !important;
	float: left;
	line-height: 37px;
	padding-left: 20px;
}

#next_tab{
	margin-top: 10px;
}

.filter_content{
	width: 100%;
	background-color: #ffffff;
	min-height: 150px;
	display: block;
	text-align: left;
	padding-left: 20px;
	padding-top: 10px;
	font-size: 0.8em;
	line-height: 1.3em;
	padding-bottom: 30px;
	border-bottom: 3px #ff9b0a solid;
}

.filter_dotted{
	width: 180px;
}

.filter_title{
	font-size: 1.1em;
	font-family: 'Open Sans', Arial;
}

.orage{
	color: #ffb611;
}

.filter_dimensions_title{
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 5px;
	width: 180px
}

.filter_dimensions_line{
	width: 160px;
}

.filter_dimensions_first_part{
	width: 80px;
	line-height: 20px;
	float: left;
}

.filter_dimensions_part{
	width: 70px;
	line-height: 20px;
	float: right;
	text-align: left;
}

.filter_image_cnt{
	float: right;
	background-color: #ffb60f; 
	margin-right: 30px;
	cursor: pointer;
}

.filter_image{
	width: 110px;
	overflow: hidden;
	margin: 5px;
	background: #fff;
	padding: 10px;
}

.filter_image a {display: block;}
.filter_image img {max-width: 110px;}

.filter_zoom{
	width: 100px;
	margin: 5px;
	height: 20px;
	background: #ffb60f url('../images/lupa_small.png') no-repeat right;
	font-size: 14px;
	font-weight: bold;
	line-height: 22px;
	padding: 5px 10px;
	display: block;
	color: #000 !important;
}

.filter_send{
	width: 100%;
	margin-left: 20px;
	padding-left: 50px;
	height: 23px;
	font-size: 14px;
	background: url('../images/send.png') no-repeat left;
	margin-top: 10px;
	line-height: 24px;
	cursor: pointer;
	font-family: 'Open Sans', Arial;
}

/* Maciej */

.content_icons {overflow: hidden; padding: 10px 5px;}
.content_icons .single_content_icon {width: 50%; float: left; margin: 20px 0;}
.content_icons .single_content_icon a {display: block; color: #000 !important; font-weight: normal; font-family: 'Open Sans'; text-align: center; text-transform: uppercase; font-size: 0.8em;}
.content_icons .single_content_icon a img {}
.content_icons .single_content_icon a span {display: block; padding: 3px 0px;}


.footerImage {width: 100%; text-align: center;}

table.enginesTable {width: 100%; font-family: 'Open Sans';}
table.enginesTable thead tr td {text-align: center; height: 30px; border-bottom: 1px #ff9b0a solid;}
table.enginesTable thead tr td img {margin-top: 5px;}
table.enginesTable tbody tr td {text-align: center; padding: 8px 0;}
table.enginesTable tbody tr {border-bottom: 1px #ff9b0a dashed; cursor: pointer;}
table.enginesTable tbody tr:last-child {border-bottom: 0px;}
table.enginesTable tbody tr td.textAlignLeft {text-align: left; padding-left: 2%;}

/* Auto-Complete */

.autocomplete-w1 {position:absolute; top:0px; left:0px; margin:6px 0 0 6px; /* IE6 fix: */ _background:none; _margin:1px 0 0 0; }
.autocomplete { border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE6 specific: */ _height:350px;  _margin:0; _overflow-x:hidden; }
.autocomplete .selected { background:#F0F0F0; }
.autocomplete div { padding:2px 5px; white-space:nowrap; overflow:hidden; }
.autocomplete strong { font-weight:normal; color:#3399FF; }


